<!--
 * @Date: 2025-04-13 17:06:15
 * @LastEditors: 贾二小 erxiao.jia@outlook.com
 * @LastEditTime: 2025-04-19 00:29:04
 * @FilePath: /admin/vue/src/views/admin/home/components/pie.vue
-->
<script setup lang="ts">
const { domRef, updateOptions } = useEcharts(
  () => ({
    legend: {},
    series: [
      {
        name: 'Nightingale Chart',
        type: 'pie',
        radius: [50, 150],
        center: ['50%', '50%'],
        roseType: 'area',
        itemStyle: {
          borderRadius: 8,
        },
        data: [
          { value: 40, name: 'rose 1' },
          { value: 38, name: 'rose 2' },
          { value: 32, name: 'rose 3' },
          { value: 30, name: 'rose 4' },
          { value: 28, name: 'rose 5' },
          { value: 26, name: 'rose 6' },
          { value: 22, name: 'rose 7' },
          { value: 18, name: 'rose 8' },
        ],
      },
    ],
  }),
  { onRender() {} },
)
</script>

<template>
  <div ref="domRef" class="h-[400px] w-full"></div>
</template>

<style lang="scss"></style>
